.np-form .layui-form-item .layui-input-inline{ min-width: 460px;}

/*表单*/
.layui-form-select dl{ padding: 0;}
.layui-form-select dl dd.layui-this{ background: #F6F6F6;}
.form-text-container{ position: relative;}
.form-text-container .form-item-text{ z-index: 10;position: relative;}
.form-text-container .layui-form-select{ position: absolute;left: 0;top: 0;max-width: 460px;width: 100%;}

.np-colorpicker-container{ display: flex;}
.layui-form-item .np-colorpicker-container .layui-inline{ margin-right: 0;}
.np-colorpicker-container .form-item-color{ margin-right: 10px;}
.np-slider{ position: relative;top: 18px;}

.np-upload-container .file-preview{ padding: 0;display: flex;flex-wrap: wrap;}
.np-upload-container .file-preview li{ padding: 2px;border: 1px solid #ddd;border-radius: 3px;position: relative;margin-right: 10px;margin-top: 10px;}
.np-upload-container .file-preview li .thumb{ width: 100px;height: 100px;display: flex;justify-content: center;align-items: center;}
.np-upload-container .file-preview li .thumb img{ max-width: 100%; max-height: 100%;}
.np-upload-container .file-preview li .progress{ position: absolute;left: 2px;right: 2px;overflow: hidden;top: 50%;height: 14px;background: rgba(255,255,255,.5);border: 1px solid rgba(255, 87, 34, .8);margin-top: -16px;border-radius: 8px;}
.np-upload-container .file-preview li .progress i{ position: absolute;left:0;top: 0;line-height: 14px;bottom: 0;width: 0;background: rgba(255, 87, 34, .8);font-size: 12px;color: #fff;overflow: hidden;text-align: right;font-style: normal;}
.np-upload-container .file-preview li .action{ text-align: center;height: 16px;line-height: 16px;}
.np-upload-container .file-preview li .action a{ cursor: pointer;}
.np-upload-container .file-preview li .msg { text-align: center;position: absolute;left: 2px;right: 2px;top: 50%;height: 16px;line-height: 16px;margin-top: -16px;color: green;font-size: 12px;background: rgba(255,255,255,.5);}
.np-upload-container .file-preview li .msg.error{ color: red;}


.array-item-row{ display: flex;margin-bottom: 5px;align-items: center;}
.array-item-row .array-item-array-value,.array-item-row .array-item-kv-value{ flex-grow: 1;}
.array-item-row .array-item-delete,.array-item-row .array-item-delimiter{ margin: 0 5px;}
.array-item-row .array-item-delete i{ font-size: 20px;}
.array-item-row .array-item-sort{  position: relative;padding-top: 8px;width: 16px;text-align: center;}
.array-item-row .array-item-sort .up{ position: absolute;top: 0;left:.5px;transform: rotate(180deg);}
.array-item-row .array-item-sort,.array-item-row .array-item-delete{ cursor: pointer;}
.array-item-row .array-item-kv-key{ width: 130px;}

.form-item-tinymce{ display: none;}

